        </div><!-- /.page-content -->
        </div><!-- /.main-content -->
    </div><!-- /.admin-layout -->
    
    <!-- JavaScript -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/main.js"></script>
    <!-- 加载POS终端特定脚本 -->
    <script src="/POS/assets/js/pos.js"></script>

    <!-- 添加错误处理 -->
    <script>
    // 全局错误处理
    window.addEventListener('error', function(e) {
        console.error('JavaScript错误:', e.message, 'at', e.filename, 'line', e.lineno);
    });

    // 未处理的Promise错误
    window.addEventListener('unhandledrejection', function(e) {
        console.error('未处理的Promise错误:', e.reason);
    });
    </script>

    <!-- WebSocket连接脚本 -->
    <script>
        // 初始化WebSocket连接
        function initWebSocket() {
            try {
                // 检查浏览器是否支持WebSocket
                if (!window.WebSocket) {
                    console.error('浏览器不支持WebSocket');
                    return;
                }
                
                // 创建WebSocket连接
                const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
                const wsUrl = `${wsProtocol}//${window.location.hostname}:8080`;
                console.log(`正在连接WebSocket服务器: ${wsUrl}`);
                
                const ws = new WebSocket(wsUrl);
                
                // 连接成功
                ws.onopen = function() {
                    console.log('WebSocket连接已建立');
                    
                    // 注册为POS客户端
                    try {
                        const registerMsg = {
                            type: 'register',
                            client_type: 'pos'
                        };
                        ws.send(JSON.stringify(registerMsg));
                        console.log('已发送POS客户端注册消息');
                    } catch (error) {
                        console.error('发送注册消息失败:', error);
                    }
                };
                
                // 收到消息
                ws.onmessage = function(event) {
                    try {
                        const data = JSON.parse(event.data);
                        console.log('收到WebSocket消息:', data);
                        
                        // 处理不同类型的消息
                        switch (data.type) {
                            case 'register_success':
                                console.log('WebSocket注册成功:', data.message);
                                break;
                                
                            case 'order_status':
                                console.log('收到订单状态更新:', data.order);
                                // 可以在这里添加更新界面的代码
                                break;
                                
                            case 'order_new':
                                console.log('收到新订单通知:', data.order);
                                // 可以在这里添加新订单提醒的代码
                                break;
                        }
                    } catch (error) {
                        console.error('处理WebSocket消息失败:', error);
                    }
                };
                
                // 连接关闭
                ws.onclose = function() {
                    console.log('WebSocket连接已关闭');
                    // 可以尝试重新连接
                    setTimeout(initWebSocket, 5000);
                };
                
                // 连接错误
                ws.onerror = function(error) {
                    console.error('WebSocket连接错误:', error);
                };
                
                // 保存WebSocket实例到window对象，方便其他函数调用
                window.posWebSocket = ws;
                
            } catch (error) {
                console.error('初始化WebSocket失败:', error);
            }
        }
        
        // 在页面加载完成后初始化WebSocket连接
        document.addEventListener('DOMContentLoaded', function() {
            initWebSocket();
        });
    </script>
</body>
</html> 